<template>
  <div class="vue-box sbot" >
    <!-- ------- 内容部分 ------- -->
    <div class="c-panel">
      <el-form v-if="m" :inline="true">
        <sa-info name="序号" br>{{ m.id }}</sa-info>
        <sa-info type="text"name="广告位" :value="m.name" br></sa-info>
        <sa-info type="text" name="识别码" :value="m.code" br></sa-info>
        <sa-info type="text" name="所在视图" :value="m.location" br />
        <sa-info type="enum" name="所属服务" :jv="dims.SD" :value="m.sid" br />
        <sa-info type="enum" name="启用状态" :jv="dims.YES_OR_NO" :value="m.status" br />
        <sa-info name="描述" br>{{ m.note }}</sa-info>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ads-space-info',
  props: { param: Object },
  data() {
    return {
      id: this.param.id,
      dims: this.param.dims,
      sa: sa,
      m: {},
      tagsList: this.param.tagsList,
    }
  },
  created: function () {
    sa.ajax('/ads/space/getById', { id: this.id }, function (res) {
      this.m = res.data;
    }.bind(this), { type: "get" });
  },
  methods: {}
}
</script>

<style scoped>
.c-panel>>>.c-title {
  margin-bottom: 20px;
}

.c-panel>>>.c-item .c-label {
  width: 150px;
}

.c-panel>>>.c-item .el-input {
  width: 300px;
}

/* 链接样式  */
/*.my-link{position: relative; top: -1px; margin-left: 0.5em;}*/
</style>
